.skyblue {

    .people-total,
    .people-title,
    .people-number {
        background-color: #b4ebff;
        color: #1f9cf2;
    }

    .attendance-total,
    .attendance-title,
    .attendance-number {
        background-color: #ffdfe2;
        color: #1f9cf2;
    }

    .moments-total,
    .moments-title,
    .moments-number {
        background-color: #d8fffa;
        color: #1f9cf2;
    }

    .income-total,
    .income-title,
    .income-number {
        color: #1f9cf2;
        background-color: #ffefd5;
    }

    .title>div {
        color: #a19b90;
        text-align: center;
        width: 100%;
        margin-left: 0;
        font-weight: bold;
    }

    .red,
    .green,
    .yellow {
        background-color: white;
        font-weight: bold;
        color: black;
    }

    .attendance,
    .moments,
    .income,
    .attendance-ratio,
    .notice {
        box-shadow: 0px 0px 5px 0px rgb(172, 170, 170);
    }
}